<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sitemap Styler Example 1</title>

<!-- paste this code into your webpage -->
<link href="sitemapstyler/sitemapstyler.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="sitemapstyler/sitemapstyler.js"></script>
<!-- end -->

<style>

body{
	margin:0;
	padding:0;
	background:#f1f1f1;
	font:70% Arial, Helvetica, sans-serif; 
	color:#555;
	line-height:150%;
	text-align:left;
}
a{
	text-decoration:none;
	color:#057fac;
}
a:hover{
	text-decoration:none;
	color:#999;
}
h1{
	font-size:140%;
	margin:0 20px;
	line-height:80px;	
}
#container{
	margin:0 auto;
	width:680px;
	background:#fff;
	padding-bottom:20px;
}
#content{margin:0 20px;}
p{	
	margin:0 auto;
	width:680px;
	padding:1em 0;
}

</style>

</head>

<body>

<div id="container">
	<h1>Sitemap Styler: Example 1</h1>
	<div id="content">
		
		<noscript><p><strong>Sorry, this page needs JavaScript to make any sense at all</strong></p></noscript>
				
		<ul id="sitemap">
			<li><a href="#">First link</a>
				<ul>
					<li><a href="#">First link</a>
						<ul>
							<li><a href="#">First link</a></li>
							<li><a href="#">Second link</a></li>
							<li><a href="#">Third link</a></li>
							<li><a href="#">Fourth link</a></li>
							<li><a href="#">Fifth link</a></li>
						</ul>							
					</li>
					<li><a href="#">Second link</a></li>
					<li><a href="#">Third link</a>
						<ul>
							<li><a href="#">First link</a></li>
							<li><a href="#">Second link</a></li>
							<li><a href="#">Third link</a></li>
							<li><a href="#">Fourth link</a></li>
							<li><a href="#">Fifth link</a></li>
						</ul>							
					</li>
					<li><a href="#">Fourth link</a>
						<ul>
							<li><a href="#">First link</a></li>
							<li><a href="#">Second link</a></li>
							<li><a href="#">Third link</a></li>
							<li><a href="#">Fourth link</a></li>
							<li><a href="#">Fifth link</a></li>
						</ul>							
					</li>
					<li><a href="#">Fifth link</a></li>
				</ul>					
			</li>
			<li><a href="#">Second link</a>
				<ul>
					<li><a href="#">First link</a>
						<ul>
							<li><a href="#">First link</a></li>
							<li><a href="#">Second link</a></li>
							<li><a href="#">Third link</a></li>
							<li><a href="#">Fourth link</a></li>
							<li><a href="#">Fifth link</a></li>
						</ul>							
					</li>
					<li><a href="#">Second link</a>
						<ul>
							<li><a href="#">First link</a></li>
							<li><a href="#">Second link</a></li>
							<li><a href="#">Third link</a></li>
							<li><a href="#">Fourth link</a></li>
							<li><a href="#">Fifth link</a></li>
						</ul>							
					</li>
					<li><a href="#">Third link</a></li>
					<li><a href="#">Fourth link</a></li>
					<li><a href="#">Fifth link</a></li>
				</ul>					
			</li>
			<li><a href="#">Third link</a>
				<ul>
					<li><a href="#">First link</a></li>
					<li><a href="#">Second link</a></li>
					<li><a href="#">Third link</a>
						<ul>
							<li><a href="#">First link</a></li>
							<li><a href="#">Second link</a></li>
							<li><a href="#">Third link</a></li>
							<li><a href="#">Fourth link</a></li>
							<li><a href="#">Fifth link</a></li>
						</ul>							
					</li>
					<li><a href="#">Fourth link</a></li>
					<li><a href="#">Fifth link</a></li>
				</ul>					
			</li>
			<li><a href="#">Fourth link</a>
				<ul>
					<li><a href="#">First link</a></li>
					<li><a href="#">Second link</a></li>
					<li><a href="#">Third link</a></li>
					<li><a href="#">Fourth link</a></li>
					<li><a href="#">Fifth link</a></li>
				</ul>					
			</li>
			<li><a href="#">Fifth link</a>
				<ul>
					<li><a href="#">First link</a></li>
					<li><a href="#">Second link</a>
						<ul>
							<li><a href="#">First link</a></li>
							<li><a href="#">Second link</a></li>
							<li><a href="#">Third link</a></li>
							<li><a href="#">Fourth link</a></li>
							<li><a href="#">Fifth link</a></li>
						</ul>							
					</li>
					<li><a href="#">Third link</a></li>
					<li><a href="#">Fourth link</a>
						<ul>
							<li><a href="#">First link</a></li>
							<li><a href="#">Second link</a></li>
							<li><a href="#">Third link</a></li>
							<li><a href="#">Fourth link</a></li>
							<li><a href="#">Fifth link</a></li>
						</ul>							
					</li>
					<li><a href="#">Fifth link</a></li>
				</ul>					
			</li>
		</ul>
	
		
		
	</div>
</div>
<p>More script and css style
: <a href="http://www.htmldrive.net/" title="HTML DRIVE - Free DHMTL Scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library">www.htmldrive.net </a></p>
	
	
</body>
</html>
